<template>
    <div class="box">
        <div class="wrap">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
  name: 'popup'
}
</script>

<style scoped>
    .box{
        position: fixed;
        background-color: rgba(0,0,0,0.7);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2000;
        /*height: 100%;*/
        /*width: 100%;*/
    }
    .wrap{
        width: 450px;
        height: 215px;
        background-color: white;
        /*margin: auto;*/
        /*margin-top: 20%;*/
        border-radius: 10px;
        position: absolute;
        top: calc( 50% - 115px);
        left: calc( 50% - 225px);
    }
</style>
